<template>
  <div class="container">
    <div class="opLine">
      <div class="button" @click="toSelectCard">立即预付</div>
      <div class="button" @click="toMyOrder">我的订单</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "newHome",
  data() {
      return {
          
      }
  },
  methods: {
      toSelectCard(){
          this.$router.push("/selectCard")
      },
      toMyOrder(){
        this.$router.push("/myOrder")
      }
  },
};
</script>

<style lang="scss" scoped>
.container {
  .opLine {
    padding: 0.16rem;
    display: flex;
    justify-content: space-between;
    .button {
      width: 1.64rem;
      height: 0.48rem;
      background: rgba(230, 0, 32, 1);
      box-shadow: 0px 0.03rem 0.08rem 0px rgba(58, 53, 61, 0.31);
      border-radius: 0.01rem;
      display: inline-block;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      line-height: .48rem;
      text-align: center;
    }
  }
}
</style>
